<template>
  <div help-tip-content>
    <svg-icon icon-class="path1" style="position:relative;font-size: 70px;left:100%;top:35px;" />
    <el-card style="margin-top: -18px;margin-left: 30px">
      <div style="height: 185px;width: 350px;">
        <div style="height:70%;position:relative;text-align: center;top: -17%">
          <svg-icon icon-class="bell-message" style="font-size: 150px;" />
          <div style="margin-top: -20px">
            <span style="display: block;">系统访问量查看、全屏、最新<span style="color:rgba(51, 112, 255, 1)">异常提示</span>、白夜切换、设置在这里，快去体验吧！</span>
          </div>
        </div>
        <div style="position: absolute;bottom: 16px;right: 24px">
          <el-link @click="$emit('close')" :underline="false" style="margin-right: 20px" type="primary">我知道了
          </el-link>
          <el-button size="small" type="primary" @click="$emit('next')">下一步</el-button>
        </div>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: "header-tip-content",
  mounted() {
  }
};
</script>

<style lang="scss">
[help-tip-content] {
  .el-card {
    border: 1px solid #FFFFFF !important;
    background-color: #FFFFFF !important;
    color: #000000 !important;
  }

  .content {
    font-size: 16px;
    float: left;
    margin-left: 24px
  }
}
</style>
